<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>畅销榜单</title>
    <link rel="stylesheet" href="css/style1.css">
    <link rel="shortcut icon" href="images/bitbug_favicon.ico" />
</head>

<body>
    <div class="nav">
        <div class="left1">
            <img src="images/left.png" alt="">
        </div>
        <div class="left2">
            <p>订阅品牌资讯</p>

        </div>
        <div class="middle">
            <img src="images/logo1.png" alt="">

        </div>
        <div class="right">
            <ul>
                <li>门店/SPA</li>
                <li>登录/注册</li>
                <li>(0)</li>
            </ul>
        </div>
    </div>
    <div class="daohang">
            <li><a href="index.html">精华面霜</a></li>
            <li><a href="changxiaobangdan.html">畅销榜单</a></li>
            <li><a href="mianbuhuli.html">面部护理</a></li>
            <li><a href="xiuhudizhuang.html">修护底妆</a></li>
            <li><a href="zhenxiangtaozhuang.html">臻享套装</a></li>
            <li><a href="jingxuanxilie.html">精选系列</a></li>
            <li>臻享荟</a></li>
            <li>品牌探索</a></li>
    </div>
    <div class="header">
        <p>海蓝之谜618焕新盛典，官网限时满5000加赠绿色皮箱<a href="#" class="link link--secondary"> 了解更多 </a></p>

    </div>
    <div class="banner">
    <div class="banner1">
        <div class="banner1-left">
            <img src="images/B.banner1.png" width="720" height="540" alt="" />  
        </div>
        <div class="banner1-mini">
            <img src="images/a.png" width="300" height="300" alt="" />
            <div class="qqqq">
                <h4>Creme de la Mer</h4>
                <p>海蓝之谜经典精华面霜</p>
                <p>丰盈质地 经典奢华</p>
                <p>￥850起 / 4种规格</p>
            </div>
        </div>
    </div>
    <div class="banner2">
        <div class="banner2-mini">
            <img src="images/b.png" width="340" height="340" alt="" />
            <div class="qqqq">
                <h4>The Treatment Lotion</h4>
                <p>海蓝之谜沁润修护精粹水</p>
                <p>元能修护 年轻觉醒</p>
                <p>￥900起 / 2种规格</p>
            </div>
        </div>
        <div class="banner2-mini">
            <img src="images/c.png" width="340" height="340" alt="" />
            <div class="qqqq">
                <h4>The Concentrate</h4>
                <p>海蓝之谜浓缩修护精华露</p>
                <p>浓缩修护 强韧如初</p>
                <p>￥1720起 / 3种规格</p>
            </div>
        </div>
        <div class="banner2-mini">
            <img src="images/d.png" width="340" height="340" alt="" />
            <div class="qqqq">
                <h4>The Eye Concentrate</h4>
                <p>海蓝之谜浓缩密集修护眼霜</p>
                <p>强韧淡纹 年轻眼界</p>
                <p>￥1920</p>
            </div>
        </div>
    </div>
    <div class="banner3">
        <div class="banner3-mini">
            <img src="images/a.png" width="340" height="340" alt="" />
            <div class="qqqq">
                <h4>The Moisturizing Soft Cream</h4>
                <p>海蓝之谜焕活精华乳霜</p>
                <p>轻盈质地 触肤即融</p>
                <p>￥850起 / 3种规格</p>
            </div>
        </div>
        <div class="banner3-mini">
            <img src="images/g.png" width="340" height="340" alt="" />
            <div class="qqqq">
                <h4>Cushion Compact SPF20</h4>
                <p>海蓝之谜鎏光焕变气垫粉底液</p>
                <p>奢润随行 鎏光此刻</p>
                <p>￥1120起 / 11种色号</p>
            </div>
        </div>
        <div class="banner3-mini">
            <img src="images/h.png" width="340" height="340" alt="" />
            <div class="qqqq">
                <h4>The Soft Fluid Long Wear</h4>
                <h4>Foundation SPF 20</h4>
                <p>海蓝之谜鎏光焕变粉底液</p>
                <p>水润奢养 鎏光此刻</p>
                <p>￥1120起/6种色号</p>
            </div>
        </div>
    </div>
    <div class="banner4">
        <div class="banner4-mini">
            <img src="images/o.png" width="340" height="340" alt="" />
            <div class="qqqq">
                <h4>The Lip Balm</h4>
                <p>海蓝之谜润唇霜</p>
                <p>润泽修护 沁凉舒缓</p>
                <p>￥560</p>
            </div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="foot1">
        <div class="footer-1">
            <ul>
                <li>购物指南</li>
                <li>精华面霜</li>
                <li>畅销榜单</li>
                <li>臻享套装</li>
                <li>全线产品</li>
                <li>今日礼遇</li>
            </ul>
        </div>
        <div class="footer-2">
            <ul>
                <li>客户服务</li>
                <li>客户服务</li>
                <li>运输和快递</li>
                <li>退换货</li>
                <li>查询店铺</li>
            </ul>
        </div>
        <div class="footer-3">
            <div class="footer-top">
                <form action="mailto:2336775770@qq.com">
                    <table>
                        <caption>注册</caption>
                        <tr>
                            <td><input type="text" placeholder="手机号码"><label for="">发送</label></td>
                        </tr>
                        <tr>
                            <td><input type="text" placeholder="请输入验证码"></td>
                        </tr>
                        <tr>
                            <td>
                                <input type="checkbox" name="" id="" checked class="check">我同意接收来自LA
                                MER海蓝之谜的广告信息（包括彩信和短信）。
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <button class="enter">
                                    提交
                                </button>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>

    <div class="footer-min">
        <div class="min-top">
            <p>© La Mer Technology, Inc.</p>
        </div>
        <div class="min-top">
            <p>条款与条件&nbsp;隐私保护政策</p>
        </div> 
    </div>
    <div class="min-bottom">
        <p>沪ICP备08005263号</p>
        <img src="images/footer1.png">
        
        <p>沪公网安备31010602004735号</p>
        <img src="images/footer2.png">
    </div>
</div>


<div>
    <a href="" id="back" title="返回顶部"></a>
</div>
    
    
    

</body>

</html>